<%@page language="java" contentType="text/html; UTF-8" pageEncoding="utf-8" isELIgnored="false" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>小东商城首页</title>
    <!--样式引入-->
    <link rel="stylesheet" href="/static/layui/css/layui.css">
    <link rel="stylesheet" href="/resources/commons/css/reset.css">
    <!--图标字体-->
    <link rel="stylesheet" href="/resources/commons/font/icon.css">
    <!--页面自身css的引用-->
    <link rel="stylesheet" href="/resources/index/index.css">
</head>
<body>
<jsp:include page="/views/common/header.jsp"/>
<!--index-streamer-start-->
<div class="web-index-streamer">
    <div class="streamer-inner-wrapper">
        <div class="streamer-1-wrapper"></div>
        <div class="streamer-2-wrapper">
            <div class="streamer-carousel-lg">
                <div class="layui-carousel" id="carousel-lg">
                    <div carousel-item>
                        <div>
                            <a href="https://www.baidu.com">
                                <img src="https://img13.360buyimg.com/babel/s590x470_jfs/t1/129085/17/2638/58120/5ec76890E61a57640/3f73269e4905df0f.jpg"
                                     alt="">
                            </a>
                        </div>
                        <div>
                            <img src="https://img12.360buyimg.com/da/s590x470_jfs/t1/89877/35/8107/68939/5e01c031E62386e6b/aed10675ed2ce803.jpg"
                                 alt="">
                        </div>
                        <div>
                            <img src="https://img20.360buyimg.com/pop/s590x470_jfs/t1/116963/27/7684/73957/5ec51d6bEe0140dc0/51f5843ed50cd071.jpg"
                                 alt="">
                        </div>
                        <div>
                            <img src="https://img20.360buyimg.com/pop/s590x470_jfs/t1/112709/35/7474/90437/5ec3a34eE1ace1a23/8fde6e49e84b2631.jpg"
                                 alt="">
                        </div>
                    </div>
                </div>
            </div>
            <div class="streamer-carousel-sm">
                <div class="layui-carousel" id="carousel-sm">
                    <div carousel-item>
                        <div class="carousel-item-item">
                            <div class="img-item">
                                <img src="//img10.360buyimg.com/pop/s380x300_jfs/t1/117556/19/5094/32012/5eb17dfaEa1b13148/90b7b8bcdfa27700.png"
                                     alt="">
                            </div>
                            <div class="img-item">
                                <img src="//img10.360buyimg.com/pop/s380x300_jfs/t1/117556/19/5094/32012/5eb17dfaEa1b13148/90b7b8bcdfa27700.png"
                                     alt="">
                            </div>
                            <div class="img-item">
                                <img src="//img10.360buyimg.com/pop/s380x300_jfs/t1/117556/19/5094/32012/5eb17dfaEa1b13148/90b7b8bcdfa27700.png"
                                     alt="">
                            </div>
                        </div>
                        <div class="carousel-item-item">
                            <div class="img-item">
                                <img src="http://img20.360buyimg.com/babel/s380x300_jfs/t1/129450/20/2434/59337/5ec4e267E08954f09/c6d282ca5fb7fda3.jpg"
                                     alt="">
                            </div>
                            <div class="img-item">
                                <img src="http://img20.360buyimg.com/babel/s380x300_jfs/t1/129450/20/2434/59337/5ec4e267E08954f09/c6d282ca5fb7fda3.jpg"
                                     alt="">
                            </div>
                            <div class="img-item">
                                <img src="http://img20.360buyimg.com/babel/s380x300_jfs/t1/129450/20/2434/59337/5ec4e267E08954f09/c6d282ca5fb7fda3.jpg"
                                     alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="streamer-3-wrapper"></div>
    </div>
</div>
<!--index-streamer-end-->

<!--index-content-start-->
<div class="web-index-content">
    <!--1270*590-->
    <div class="content-wrapper">
        <!--1190*140-->
        <div class="content-header"></div>
        <!--1190-->
        <div class="inner-wrapper">
            <!--1000-->
            <div class="inner-col-left">
                <!--190*210-->
                <div class="inner-item">
                    <a href="">
                        <img src="http://img13.360buyimg.com/babel/s190x210_jfs/t1/107647/19/18008/49465/5ebe3e5bE97724e51/5089649648a8a45a.png!cc_190x210.webp"
                             alt="">
                    </a>
                </div>
                <div class="inner-item">
                    <a href="">
                        <img src="http://img13.360buyimg.com/babel/s190x210_jfs/t1/107647/19/18008/49465/5ebe3e5bE97724e51/5089649648a8a45a.png!cc_190x210.webp"
                             alt="">
                    </a>
                </div>
                <div class="inner-item">
                    <a href="">
                        <img src="http://img13.360buyimg.com/babel/s190x210_jfs/t1/107647/19/18008/49465/5ebe3e5bE97724e51/5089649648a8a45a.png!cc_190x210.webp"
                             alt="">
                    </a>
                </div>
                <div class="inner-item">
                    <a href="">
                        <img src="http://img13.360buyimg.com/babel/s190x210_jfs/t1/107647/19/18008/49465/5ebe3e5bE97724e51/5089649648a8a45a.png!cc_190x210.webp"
                             alt="">
                    </a>
                </div>
                <div class="inner-item">
                    <a href="">
                        <img src="http://img13.360buyimg.com/babel/s190x210_jfs/t1/107647/19/18008/49465/5ebe3e5bE97724e51/5089649648a8a45a.png!cc_190x210.webp"
                             alt="">
                    </a>
                </div>

                <div class="inner-item">
                    <a href="">
                        <img src="http://img13.360buyimg.com/babel/s190x210_jfs/t1/107647/19/18008/49465/5ebe3e5bE97724e51/5089649648a8a45a.png!cc_190x210.webp"
                             alt="">
                    </a>
                </div>
                <div class="inner-item">
                    <a href="">
                        <img src="http://img13.360buyimg.com/babel/s190x210_jfs/t1/107647/19/18008/49465/5ebe3e5bE97724e51/5089649648a8a45a.png!cc_190x210.webp"
                             alt="">
                    </a>
                </div>
                <div class="inner-item">
                    <a href="">
                        <img src="http://img13.360buyimg.com/babel/s190x210_jfs/t1/107647/19/18008/49465/5ebe3e5bE97724e51/5089649648a8a45a.png!cc_190x210.webp"
                             alt="">
                    </a>
                </div>
                <div class="inner-item">
                    <a href="">
                        <img src="http://img13.360buyimg.com/babel/s190x210_jfs/t1/107647/19/18008/49465/5ebe3e5bE97724e51/5089649648a8a45a.png!cc_190x210.webp"
                             alt="">
                    </a>
                </div>
                <div class="inner-item">
                    <a href="">
                        <img src="http://img13.360buyimg.com/babel/s190x210_jfs/t1/107647/19/18008/49465/5ebe3e5bE97724e51/5089649648a8a45a.png!cc_190x210.webp"
                             alt="">
                    </a>
                </div>
            </div>
            <!--190-->
            <div class="inner-col-right">
                <!--190*100-->
                <div class="inner-item">
                    <a href="">
                        <img src="//img14.360buyimg.com/babel/s190x100_jfs/t1/126426/32/2696/11142/5ec76ee1E19b26b99/31cdbdd923bd0b06.png!cc_190x100.webp"
                             alt="">
                    </a>
                </div>
                <div class="inner-item">
                    <a href="">
                        <img src="//img14.360buyimg.com/babel/s190x100_jfs/t1/126426/32/2696/11142/5ec76ee1E19b26b99/31cdbdd923bd0b06.png!cc_190x100.webp"
                             alt="">
                    </a>
                </div>
                <div class="inner-item">
                    <a href="">
                        <img src="//img14.360buyimg.com/babel/s190x100_jfs/t1/126426/32/2696/11142/5ec76ee1E19b26b99/31cdbdd923bd0b06.png!cc_190x100.webp"
                             alt="">
                    </a>
                </div>
                <div class="inner-item">
                    <a href="">
                        <img src="//img14.360buyimg.com/babel/s190x100_jfs/t1/126426/32/2696/11142/5ec76ee1E19b26b99/31cdbdd923bd0b06.png!cc_190x100.webp"
                             alt="">
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!--为你推荐-->
    <div class="recommend-wrapper">
        <div class="recommend-title">
            <h1 class="text">为你推荐</h1>
        </div>
        <div class="recommend-nav-wrapper">
            <ul class="recommend-nav">
                <!--JS生成-->
            </ul>
        </div>
        <div id="recommend-content-list">
            <!--JS生成-->
        </div>
    </div>
</div>
<!--index-content-end-->

<!--index-footer-start-->
<div class="web-index-footer">
    footer
</div>
<!--index-footer-end-->
<!--js引入-->
<script src="/static/layui/layui.js"></script>
<script src="/static/jQuery/jquery-2.1.1.js"></script>
<script src="/resources/commons/js/base.js"></script>
<script src="/resources/commons/font/icon.js"></script>
<!--自己的js-->
<script src="/resources/index/index.js"></script>
</body>
</html>
